import React from "react";
import Main from "@/App.jsx";
import Home from '@/pages/Home.tsx';
import About from "../pages/About.js";
import NotFound from "../pages/NotFound.js";
import { createBrowserRouter } from "react-router-dom";
export default createBrowserRouter([
  {
    path: "/",
    element: <Main />,
    children: [
      {
        path: "/about",
        element: <About />,
      },
      {
        path: "/home",
        element: <Home />,
        children: [
          {
            path: "child1",
            element: <div>Home Child111</div>,
          },
          {
            path: "child2",
            element: <div>Home Child222</div>,
          },
        ],
      },
    ]
  },
  {
    path: "*",
    element: <NotFound />,
  },
]);